<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link type="text/css" href="<?=base_url();?>jquery_ui/css/vader/jquery-ui-1.9.2.custom.css" rel="stylesheet" />
        <script type="text/javascript" src="<?=base_url();?>jquery_ui/js/jquery-1.8.0.min.js"></script>
         <script type="text/javascript" src="<?=base_url();?>jquery_ui/js/jquery-ui-1.8.23.custom.min.js"></script>
        <script type="text/javascript" src="<?=base_url();?>jquery_ui/js/AjaxUpload.2.0.min.js"></script>
        <link type="text/css" href="<?=base_url();?>CSS/login.css" rel="stylesheet"/>
        <script src="JS/bjqs-1.3.min.js"></script>
<?php for($i=0;$i<$indice;$i++):?>


      
<script>
    $(document).ready(function(){
    
    nn=0;
     $(".edit").css({"display":"none"});
      $(".ed").css({"display":"none"});
      $(".editaf").css({"display":"block"});
     $(".frmeditar").css({"display":"none"});
//     $(".agregarimagen").css({"display":"none"});
//      $(".ediciones").css({"display":"none"})
    var rut="<?=${'rut_usuario'.$i  }?>";


 $.post("http://localhost/BuscaCurico/index.php/welcome/comparar",{valor:rut}, 
               function(data){
                   
                   if(data.msj=="1"){
                       $(".edit").css({"display":"block"});
                       $(".editaf").css({"display":"block"});
                       $(".ed").css({"display":"block"});
                       $(".ediciones").css({"display":"block"});
                   } else
                       {}
                          
             },'json');
             
//    $(".portada").hide();
    $("#por").click(function(){
        $(".portada").toggle();
       
      
    });
    
    
     $(".linkeliminar").click(function(){
            id = $(this).attr("id");
           
           var rut="<?=${'rut_empresa'.$i  }?>";
           names=$(this).next("div").text();
            //pos=name.lastIndexOf("/");
            nombreimagen=names.substring(42);
            nExt=nombreimagen.lastIndexOf(".");
            ext=nombreimagen.substring(nExt);
            nomSinExt=nombreimagen.substring(0,nExt);
            alert(nomSinExt);
      
            resp=confirm("esta seguro que desea eliminar el producto");
            if(resp){
                 $.post("http://localhost/BuscaCurico/index.php/welcome/eli_pro",{valor: id,valores:nomSinExt,Rut:rut,ext:ext},function(htmlresponse,data){
                        alert("Producto eliminado");
                        
                    });
                    $("#"+id).remove() ;
                
            }else{
                
            }
           
        });
        
         $(".actua").click(function(){
        base_urll = '<?=base_url();?>';

      
           rut="<?=${'rut_empresa'.$i  }?>";
         
            
           
           nom=$(".nombre").val();
           desc=$(".descripcion").val();
           precio=$(".precio").val();
           imagem=$(".imgpor").attr("src");
           pos=imagem.lastIndexOf("/");
            
            post=imagem.substring(pos+1);
          
            if(resp){
                 $.post("http://localhost/BuscaCurico/index.php/welcome/edi_pro",{nombre:nom,desc:desc,precio:precio,imagen:imagen,rut:rut,img:post},function(htmlresponse,data){
                        
                        if(data.result==true)
                            {
                                alert("Producto actualizado");
//                        nombre=$(this).next('.a').text(nom);
//                        des=$(this).next('.a').next('.b').text(desc);
//                        pre=$(this).next('.a').next('.b').next('.c').text(precio);
//                        ima=$(this).next('.a').next('.b').next('.c').next('.ima').text(imagen);
                    location.replace(base_url+"index.php/empresas/cargaperfil/"+rut);
                            }else
                            {
                                alert("error al actualizar");
                            }
                        
                    });
//                    $("#"+id).remove() ;
                
            }else{
                
            }
           
        });
        
//     $(".editaf").click(function(e){
//         e.preventDefault
//          id = $(this).attr("id");
//         $(".frmeditar").html("<input name='foto' type='file' id='foto' /><input type='hidden'  size='20' name='id_producto' value='"+id+"' />"+"<input  type='hidden' size='20' name='rut_empresa' value='"+rut+"'/>"+"<input   type='submit' value='cambiar'/>");
//         $(".frmeditar").css({"display":"block"});
//     });
//       
     
 $(".editDesc").click(function(e){
     e.preventDefault();
     $(".input2").fadeOut(1000);
    var texto = $(".desc").text();
    
    $(".input").fadeOut(200,function(){
        
       $(".inputtexto").val(texto);
       $(".input").css({"left":e.pageX });
       $(".input").css({"top":e.pageY - 50 });
       $(".input").fadeIn(1000);
    }) ;    //$(".input").css({"display":"block"});
    $(".actualizar > div ").attr("class","descripcion");
   
 })
 
 $(".editHora").click(function(e){
     e.preventDefault();
     var texto = $(".hora").text();
     $(".input2").fadeOut(1000);
      $(".input").fadeOut(200,function(){
          $(".inputtexto").val(texto);
     
     $(".input").css({"left":e.pageX });
    $(".input").css({"top":e.pageY - 50 });
    $(".input").fadeIn(1000);
      })
     
    
    $(".actualizar > div ").attr("class","horario");
 });
 $(".editHisto").click(function(e){
     e.preventDefault();
      $(".input").fadeOut(1000);
      var texto = $(".histo").text();
      
     $(".inputtexto2").val(texto);
     
     
     $(".input2").css({"left":e.pageX -500 });
    $(".input2").css({"top":e.pageY - 50 });
     $(".input2").fadeIn(1000) ;
     $(".actualizar > div ").attr("class","historia");
 })
 $(".editdirecc").click(function(e){
     e.preventDefault();
     $(".input2").fadeOut(1000);
$(".input").fadeOut(200,function(){
    var texto = $(".direcc").text();
     $(".inputtexto").val(texto);
     
     $(".input").css({"left":e.pageX +20 });
    $(".input").css({"top":e.pageY -60});
     $(".input").fadeIn(1000) ;
}) ;
      
     $(".actualizar > div ").attr("class","direccion");
 })
 $("#cancelar").click(function(){
//      $(".input").css({"display":"none"});
          $(".input").fadeOut(500);
 });
 $(".cancelar").click(function(){
     
//        $(".input2").css({"display":"none"});
  $(".input2").fadeOut(500);
 });
 
 $(".actualizar").click(function(e){
     e.preventDefault();
      texto = $(".inputtexto").attr("value");
     valrut="<?=${'rut_empresa'.$i  }?>";
    tabla= $(".actualizar > div").attr("class");
 
   base_url = '<?=base_url();?>index.php/';
    $.post(
    
                        base_url+'welcome/actualizar_dat',
                        {tabla:tabla,rut:valrut,valor:texto},
                        function(data){
                            
                            if(data.result==true){
                                alert("actualizado con exito");
                              
                               $("#"+ tabla+ " div + div").text(texto);
                               $(".input").css({"display":"none"});
                            }else{
                                alert("error al actualizar");
                                $(".input").css({"display":"none"});
                            }
                           
                            
                        },"json"
                    );
 });
 $(".actualizar2").click(function(e){
     e.preventDefault();
      texto = $(".inputtexto2").attr("value");
      valrut="<?=${'rut_empresa'.$i  }?>";
    tabla="historia";
   
   base_url = '<?=base_url();?>index.php/';
    $.post(
    
                        base_url+'welcome/actualizar_dat',
                        {tabla:tabla,rut:valrut,valor:texto},
                        function(data){
                            
                            if(data.result==true){
                               alert("actualizado con exito");
                              
                               $("#"+ tabla+ " div + div").text(texto);
                               $(".input2").css({"display":"none"});
                            }else{
                                alert("error al actualizar");
                                $(".input2").css({"display":"none"});
                            }
                           
                            
                        },"json"
                    );
 });
 
  $(".muestra").css({"height":"0%","opacity":"0","z-index":"2001"});
 $(".imgas").click(function(e){
     e.preventDefault();
  
        nn=$(".imgas").index(this);
       
       
     $(".back").css({"background":"rgba(0,0,0,.5)","display":"block","z-index":"2000"})
   $(".muestra").css({"display":"block"})
   $(".muestra").animate({"height":"65%","opacity":"1"},1000);
    
    ruta=$(this).next('div').attr("class");
    $(".imgmostrar").attr("src",ruta);
    nombre=$(this).next('div').next('div').children('.nom').text();
    precio=$(this).next('div').next('div').children('.pre').text();
    des=$(this).next('div').next('div').children('.des').text();
   // $(".nomM").text(nombre);
    $(".preM").text(precio);
    $(".desM").text(des);
    $(".titulo_pro").text(nombre);
    
    
 });
 
 $("#agregarimg").click(function(e){
     e.preventDefault();
     $(".as").css({"margin-left":"10%"})
     $(".imgcam").hide();
    
    $(".frm2").hide();
    $(".frm").show();
        

    $(".frm3").hide()
    
      $(".back").css({"background":"rgba(0,0,0,.5)","display":"block","z-index":"2000"})
             $(".flotante").css({"z-index":"2001","display":"block"})
 });
 $(".editaf").click(function(e){
          e.preventDefault();

     $(".as").css({"margin-left":"25%"})
     $(".imgcam").show()
    $(".frm").hide()
     $(".frm3").hide()
     $(".frm2").show();
     base_urll = '<?=base_url();?>';

        nombre=$(this).next('.a').text();
        des=$(this).next('.a').next('.b').text();
        pre=$(this).next('.a').next('.b').next('.c').text();
        id=$(this).next('.a').next('.b').next('.c').next('.ima').next('.d').text();
        ima=$(this).next('.a').next('.b').next('.c').next('.ima').text();
        
        pos=ima.lastIndexOf("/");
            post=ima.substring(pos+1);
           
        $(".nombre").val(nombre);
        $(".descripcion").val(des);
        $(".precio").val(pre);
        $(".imgpor").attr("src",base_urll+ima);
        $(".idEditar").attr('value',id);
        $(".imgantigua").attr('value',post);
      $(".back").css({"background":"rgba(0,0,0,.5)","display":"block","z-index":"2000"})
             $(".flotante").css({"z-index":"2001","display":"block"})
 });
 $(".editafoto").click(function(e){
          e.preventDefault();

     $(".as").css({"margin-left":"25%"})
     $(".imgcam").show()
    $(".frm").hide()
     $(".frm3").show()
     $(".frm2").hide();
     base_urll = '<?=base_url();?>';

       
        ima=$(this).next('.ima').text();
        id=$(this).next('.ima').next('.d').text();
        
        pos=ima.lastIndexOf("/");
            post=ima.substring(pos+1);
           
       
        $(".imgpor").attr("src",base_urll+ima);
        $(".idEditar").attr('value',id);
        $(".imgantigua").attr('value',post);
      $(".back").css({"background":"rgba(0,0,0,.5)","display":"block","z-index":"2000"})
             $(".flotante").css({"z-index":"2001","display":"block"})
 });
 $(".cancelar").click(function(e){
          e.preventDefault();

      $(".back").css({"display":"none"})
             $(".flotante").css({"display":"none"})
 });


 

 
 $(".dos").click(function(e){
          e.preventDefault();

     avisos=$(".inputaviso").val();
     rut =$(".formularioA").attr('name');
      fecha=new Date();
                                dia=fecha.getDate();
                                mes=fecha.getMonth()+1;
                                ano=fecha.getFullYear();
                                hora=fecha.getHours();
                                minuto=fecha.getMinutes();
                                fechacompleta =dia+"/"+mes+"/"+ano+" -> "+hora+":"+minuto;
         base_url = '<?=base_url();?>index.php/';
    $.post(
    
                        base_url+'welcome/avisos',
                        {aviso:avisos,Rut:rut,fecha:fechacompleta},
                        function(data){
                            
                            if(data.result==true){
                                id=data.id;
                                nombreE=$("#nom_empresa").text();
                                alert(nombreE);
                                rut="<?=${'rut_empresa'.$i  }?>";
                                $(".contAvisos").prepend("<div class='avisos' id='"+id+"'  style='display:none;font-size:11px; width: 98%; max-height: 35%; margin-left:1%; margin-top:2%; background-color:  #ffffff;padding-top:2%;padding-bottom:6%;'><a href='http://localhost/BuscaCurico/index.php/empresas/cargaperfil/"+rut+"'>"+nombreE+"</a>:"+avisos+"<br><div style='font-size:10px; margin-left:70%;color:#d8d4d4'>"+fechacompleta+"</div><br><a href='#' class='eliminaraviso' id='"+id+"'>eliminar</a></div>");
                                 $(".avisos").slideDown(500);
                            }else{
                                alert("error al actualizar");
                               
                            }
                           
                            
                        },"json"
                    );
        
 });
 
 $(".eliminaraviso").live("click",function(e){
      e.preventDefault();

     id=$(this).attr('id');
     base_url = '<?=base_url();?>index.php/';
     $.post(base_url+"welcome/eliminar_aviso",{id:id},function(data){
         if(data.result==true){
             alert("eliminado correctamenete");
             $("#"+id).remove();
         }
     },"json");
     
     
 });
 $(".enviar").click(function(e){
    textN= $(".nombree").val();
    textD=$(".descripcionn").val();
        textP=$(".precioo").val();

//alert(parseFloat(textP));
//
//    if(parseFloat(textP)){
//               alert("debes ingesar caracteres validos");
//           } else{
//               alert("no funcionno");
//           }
    if(textN=="" || textD=="" || textP=="" ){
         alert("debe llenar todos los datos");
         e.preventDefault();
     }else
         {
          
         }
         
           
 });
 
 $(".enviarcomentario").click(function(e){
          e.preventDefault();

      base_url = '<?=base_url();?>index.php/';
     nombre=$(".nombreM").val();
     asunto=$(".asuntoM").val();
     mensaje=$(".mensajeM").val();
      fecha=new Date();
                                dia=fecha.getDate();
                                mes=fecha.getMonth()+1;
                                ano=fecha.getFullYear();
                                hora=fecha.getHours();
                                minuto=fecha.getMinutes();
                                fechacompleta =dia+"/"+mes+"/"+ano+" -> "+hora+":"+minuto;
     rut="<?=${'rut_empresa'.$i  }?>";
    
     $.post(base_url+"welcome/enviarmensaje",{nombre:nombre,asunto:asunto,mensaje:mensaje,rut:rut,fecha:fechacompleta},function(htmlresponse,data){
        alert(htmlresponse);
          $(".nombreM").val("");
    $(".asuntoM").val("");
     $(".mensajeM").val("");
     });
//     $.post("http://localhost/BuscaCurico/index.php/welcome/eli_pro",{valor: id,valores:nomSinExt,Rut:rut,ext:ext},function(htmlresponse,data){
//                        alert("Producto eliminado");
//                        
//                    });
 });
// $(".mensajes_empresas").click(function(){
//     rut="<?=${'rut_empresa'.$i  }?>";
//    $.post(base_url+"welcome/mostrarmensajes",{rut:rut},function(htmlresponse,data){
//       
//     });
//    
// });
 
                  
$(".mensajes").css({"height":"0%","width":"70%"});
$(".mensajes_empresas").click(function(e){
    e.preventDefault();
    rut="<?=${'rut_empresa'.$i  }?>";
  $.post("http://localhost/BuscaCurico/index.php/empresas/mostrarmensajes",{rut:rut},function(htmlresponse,data){
                        $(".contenedormensajes").html(htmlresponse,data);
                    });
                    
   $(".mensajes").css({"display":"block"});
 $(".back").css({"background":"rgba(0,0,0,.5)","display":"block","z-index":"2000"})
   $(".mensajes").animate({"height":"60%","width":"60%"},1200,function(){
         
         $(".contenedormensajes").css({"display":"block"});
    });
   
    
});
 $(".cambio_configuracion").css({"width":"70%","height":"0%"});
 $(".bolsa_de_trabajo").css({"width":"80%","height":"0%"});
$(".configuracion_empresas").click(function(e){
   e.preventDefault();
   
    $(".back").css({"background":"rgba(0,0,0,.5)","display":"block","z-index":"2000"})
   $(".cambio_configuracion").css({"display":"block"});
    $(".cambio_configuracion").animate({"width":"60%","height":"70%"},1200)  
   
        var link=document.links[0].toString();
           pos=link.lastIndexOf("/");
            link=link.substring(pos+1);
            posilink=link.lastIndexOf("#");
            link=link.substring(0,posilink);
            $(".link_cambio").val(link)
});

$(".bolsa_trabajo").click(function(e){
   e.preventDefault();
   
    $(".back").css({"background":"rgba(0,0,0,.5)","display":"block","z-index":"2000"})
   $(".bolsa_de_trabajo").css({"display":"block"});
    $(".bolsa_de_trabajo").animate({"width":"60%","height":"85%"},1200)  ;
   
        
});

$(".cerrarmensajes").click(function(e){
       e.preventDefault();

   $(".back").css({"display":"none"});
             $(".flotante").css({"display":"none"});
           
   $(".muestra").animate({"height":"0%","opacity":"0"},500);
   
   
//     $(".muestra").css({"display":"none"});
});
$(".cerrarconfiguracion").click(function(){
    $(".cambio_configuracion").animate({"width":"70%","height":"0%"},800,function(){
         $(".cambio_configuracion").css({"display":"none"});
         $(".back").css({"display":"none"});
         
    })  
    
});

$(".cerrar_bolsa_de_trabajo").click(function(){
    $(".bolsa_de_trabajo").animate({"width":"70%","height":"0%"},800,function(){
         $(".bolsa_de_trabajo").css({"display":"none"});
         $(".back").css({"display":"none"});
         
    })  
    
});

$(".cambioder").click(function(e){
    e.preventDefault();
    cantidad=$(".imgas").length;
     if(nn >= cantidad-1){
        nn=-1;
    }
     nn=nn+1;
    rutas=$(".imgas").eq(nn).next("div").attr("class"); 
    
        nombre=$(".imgas").eq(nn).next('div').next('div').children('.nom').text();
    precio=$(".imgas").eq(nn).next('div').next('div').children('.pre').text();
    des=$(".imgas").eq(nn).next('div').next('div').children('.des').text();
   $(".preM").text(precio);
    $(".desM").text(des);
    $(".titulo_pro").text(nombre);
   
    // $(".imgmostrar").removeAttr('src');
    $(".imgmostrar").attr("src",rutas);
   
     
   
   
});
$(".cambioizq").click(function(e){
    e.preventDefault();
    cantidad=$(".imgas").length;
    
    if(nn <= 0){
        nn=cantidad-1;
    }else
        {
            nn=nn-1;
        }
   
    rutas=$(".imgas").eq(nn).next("div").attr("class"); 
     nombre=$(".imgas").eq(nn).next('div').next('div').children('.nom').text();
    precio=$(".imgas").eq(nn).next('div').next('div').children('.pre').text();
    des=$(".imgas").eq(nn).next('div').next('div').children('.des').text();
   $(".preM").text(precio);
    $(".desM").text(des);
    $(".titulo_pro").text(nombre);
   $(".imgmostrar").attr("src",rutas);
   
 
});

 $(".cambiarCont").click(function(e){
     e.preventDefault();
          antigua=$(".contAntigua").val();
          nueva=$(".contNueva").val();
          repite=$("contRepetir").val();
          alert(nueva);
            rut="<?=${'rut_empresa'.$i  }?>";
          if(nueva==repite)
              {
                      $.post("localhost://BuscaCurico/index.php/welcome/cambiar_contraseña",{antigua:antigua,nueva:nueva,rut:rut},function(htmlresponse,data){
              if(data.respuesta=="ok")
                  {
                      alert("contraseña cambiada correctamente");
                  }else{
                      alert("error a cambiar el dato");
                  }
          },"json");
                  
              }else
                  {
                      alert("la contraseña no coincide");
                  }
         
      
       });
       
       $(".cambiar_link").click(function(e){
          e.preventDefault();
          link=$(".link_cambio").val();
          alert(link);
          
            rut="<?=${'rut_empresa'.$i  }?>";
         
           $.post("http://localhost/BuscaCurico/index.php/welcome/cambiar_link",{link:link,rut:rut},function(data){
             if(data.result=="ok")
                 {
                     alert("link modificado correctamente")
                 }else
                     {
                         alert("error al tratar de hacer el cambio");
                     }
             
     },"json");
                  
              
         
      
       });
       $(".publicarCargo").click(function(e){
           e.preventDefault();
           cargo=$(".nombreCargo").val();
           descripcion=$(".descripcionCargo").val();
           requisitos=$(".requisitosCargo").val();
           remuneracion=$(".remuneracionCargo").val();
           cupos=$(".cuposCargo").val();
           email=$(".emailCargo").val();
          rut="<?=${'rut_empresa'.$i  }?>";
          alert(rut);
           $.post("http://localhost/BuscaCurico/index.php/welcome/publi_cargo",{rut:rut,cargo:cargo,descripcion:descripcion,requisitos:requisitos,remuneracion:remuneracion,cupos:cupos,email:email}, 
           function(data,htmlresponse){
               if(data.result=="ok")
                 {
                     alert("has publicado exitosamente un empleo")
                 }else
                     {
                         alert("error error al publicar el empleo");
                     }
           },"json"); 
       });
  });
</script>
     <script>
        $(document).ready(function(){
            
            
            $("#loaderAjax").hide();
            base_url = '<?=base_url();?>index.php/';
            base_urll = '<?=base_url();?>';
           rut="<?=${'rut_empresa'.$i  }?>";
           
            var btn_firma=$("#addImagen"),interval ;
            new AjaxUpload('#addImagen',{
               action:base_url+'welcome/subir',
                onSubmit:function(file,ext){
                    if(!(ext && /^(jpg|png)$/.test(ext))){
                        alert("solo se permiten imagenes .jpg o .png");
                        return false;
                    }else{ 
                        $('#loaderAjax').show()      
                        btn_firma.text('espere por favor');
                        this.disable();
                        }
                    },
                    onComplete:function(file,response){
                       var obj = jQuery.parseJSON(response);
                     
                        btn_firma.text('cambiar imagen');
                        
                
//                          alert(obj.ok);
                          imagen=obj.nombre;
                        if(obj.respuesta=='done'){
                            old=$(".fotoportada").attr('src');
                            oldd=old.lastIndexOf("/");
                            //imagen antigua con la extencion
                            imgold=old.substring(oldd+1);
                            
                            extt=imgold.lastIndexOf(".");
                            
                            //extencion de la imagen antigua
                            imgoldd=imgold.substring(0,extt);
                            extold=imgold.substring(extt);
                            
                            img=obj.nombre;
                            pos=img.lastIndexOf(".");
                           imgsinext=img.substring(0,pos);
                           ext=img.substring(pos);
                           
                            

                            $(".fotoportada").removeAttr('src');
                            $(".fotoportada").attr('src',base_urll+'imagenes/imgportadas/'+ obj.nombre);
                            
                           
                 $.post(base_url+"welcome/subir_portada",{rut:rut,imgsinext:imgsinext,ext:ext,imgold:imgoldd,extold:extold},function(data){
                               alert(data);
                            },"json");
                                   
                        }else{
                           
                           
                        }
                        $('#loaderAjax').hide();
                        this.enable();
                    }
                });
                $(".ventana").hover(function(){
                    $(".ventana").html("<form><input name='foto' type='file' id='foto' /><input type='hidden'  size='20' name='id_producto' value='"+id+"' />"+"<input  type='hidden' size='20' name='rut_empresa' value='"+rut+"'/>"+"<input   type='submit' value='cambiar'/></form>")
//                    $(".ventana").html("<input name='foto' type='file' id='foto' /><input type='hidden'  size='20' name='id_producto' value='"+id+"' />"+"<input  type='hidden' size='20' name='rut_empresa' value='"+rut+"'/>"+"<input   type='submit' value='cambiar'/>");
//
//                    
                });
               
                
 $(".edicion").hide();
 $(".productosimg").hover(function(){
    var variable=$(this).attr("id");
     
        $("#"+variable+" .edicion").show();
     
 },function(){
     $(".edicion").hide();
 });
 
 
 $(".inputaviso").click(function(){
     $(this).val("");
     $(".inputaviso").css({"color":"#000000"})
 });
    
	$(".cambioizq").hover(function(){
            $(".cambioizquierda").css({"display":"block"});
        },function(){
            $(".cambioizquierda").css({"display":"none"});
        });
        
        $(".cambioder").hover(function(){
            $(".cambioderecha").css({"display":"block"});
        },function(){
            $(".cambioderecha").css({"display":"none"});
        });


$("div .ac,div .cancelar").hover(function(){
   $(this).css({"background-color":"#1b1f1f"}) 
},function(){
   $(this).css({"background-color":"#109ba7"}) 
});

$("#descripcion").hover(function(){
    $(".editardes").stop().animate({"left":"60%"},500);
},function(){
    $(".editardes").stop().animate({"left":"120%"},500);
})
$("#horario").hover(function(){
    $(".editarhor").stop().animate({"left":"60%"},500);
},function(){
    $(".editarhor").stop().animate({"left":"120%"},500);
})
$("#historia").hover(function(){
    $(".editarhis").stop().animate({"left":"60%"},500);
},function(){
    $(".editarhis").stop().animate({"left":"120%"},500);
})
$("#direccion").hover(function(){
    $(".editardir").stop().animate({"left":"60%"},500);
},function(){
    $(".editardir").stop().animate({"left":"120%"},500);
})
//$("#descripcion").hover(function(){
//    $(".editarx").animate({"left":"50%"});
//}),function(){
//    $(".editarx").animate({"left":"120%"});
//});


        });
    </script>
    <div class="muestra" style="top:10%;left: 30%;background-color:  #ffffff; height: 70%; width: 40%; display:none;position: absolute;">
        
        <div style="width:100%; height:10%; background-color:#109ba7; position: absolute; left: 0%; top:0%;">
          <div class="titulo_pro"style="color:#ffffff; position: relative; left: 2%; top: 20%; font-weight: bold;">productos</div>
          <a href="#" class="cerrarmensajes" style=" "> <div style=" position:absolute; top: 1%; left: 85%;  border-radius: 5px; height: 6%; width: 10%; "> <div style="color:#ffffff; position:relative;  font-weight: bold;top: 10%; left: 20%;"> cerrar</div> </div></a>
      </div>
      
        <div class="superior" style="">
            <div class="imgsup" style="height:75%; width: 98%; background-color: #ffffff;float: left;margin-left: 1%; margin-top: 1%;padding-top: 8%; ">
                <img class="imgmostrar" src="" style=" height: 100%; width: 100%;" />
                <div class="cambioizq" style="position:absolute; top: 10%; width: 49%; height:75%; ">
                      <a class="cambioizquierda" style="display:none;position:absolute; top:35%; left: 0%;" href="#"><img style="height:25%; width:25%;" src="<?=base_url()?>imagenes/izquierda.png"/></a>
                </div>
                <div class="cambioder" style="position:absolute; top: 10%; left: 51%; width: 49%; height:75%; ">
                    <a class="cambioderecha" style=" display: none;position:absolute; top:35%; left: 75%;" href="#"><img style="height:25%; width: 85%;" src="<?=base_url()?>imagenes/derecha.png"/></a>
                </div>
                
<!--                <a class="cambioderecha" style="position:absolute; top:35%; left: 85%;" href="#"><img style="height:25%; width: 85%;" src="<?=base_url()?>imagenes/derecha.png"/></a>
                 <a class="cambioizquierda" style="position:absolute; top:35%; left: 0%;" href="#"><img style="height:25%; width:25%;" src="<?=base_url()?>imagenes/izquierda.png"/></a>
            -->
            </div>
        </div>
        <div class="inferior">
            <div  style=" color:#ffffff; background-color: #109ba7; position: relative; height: 18%; margin-top:68%; padding-left: 10%; padding-top: 2%; font-size: 10px;">
            <!--<div style="float:left; text-shadow:1px 1px 1px #000; margin-right: 8%;" >nombre:</div><div class="nomM" style="left:10%;">aa</div>-->
                <div style="float:left; text-shadow:1px 1px 1px #000;margin-right: 9%;">precio:</div><div class="preM">ss</div>
                <div style="float:left;text-shadow:1px 1px 1px #000;margin-right: 4%;">descripcion:</div><div class="desM">ss</div>
            
          
            </div>
            </div>
        </div>
  
   <div class="back" style="height: 150%; width: 100%; position:absolute; z-index: 0;display: none;"  ></div>
    <div class="flotante" style="height: 200px; width: 500px; left:30%;top:30%; padding-top:3%; background-color: #ffffff; position: absolute;z-index: 110; display:none;">
      
        <div class="as" style="margin-left:25%;margin-top: 2%; font-family: 'arial' ; font-size: 10px;">
            <div>
               <div class="imgcam" style=" height:50%; width: 20%; background-color:  #1384ae; position:absolute;left:1%;top:20%;">
                   <img class="imgpor" style=" height: 100%; width: 100%;" src="" />
               </div>
               
               
           </div>
<form method="post" class="frm" action="<?=
base_url()?>index.php/welcome/subir_pro" enctype="multipart/form-data">

<div style="width:100%; height:15%; background-color:#109ba7; position: absolute; left: 0%; top:0%;">
          <div style="color:#ffffff; position: relative; left: 2%; top: 20%; font-weight: bold;">formulario de productos</div>
          <a href="#" class="cerrarmensajes"> <div style=" position:absolute; top: 1%; left: 85%;  border-radius: 5px; height: 6%; width: 10%; "> <div style="color:#ffffff; position:relative;  font-weight: bold;top: 10%; left: 20%;"> cerrar</div> </div></a>
      </div>
            <label>elige imagen:</label>
            <br>
            <input type="file"  name="imagen" />
            <br>
            <label>descripcion:</label>
            <br>
            nombre:<input class="nombree" name="textos" style="margin-left:7.3%;" type="text"/><br>
            descripcion:<textarea class="descripcionn" name="texto" style="margin-left:3%;font-family: 'Arial';"></textarea><br>
            precio:<input name="precio" class="precioo" style="margin-left:9%;" type="text"/><br>
            <input name="rut" style="display:none;" value="<?=${"rut_empresa".$i}?>"/>
            
            <input type="submit" class="enviar" value="aceptar" /><input type="button" class="cancelar" value="cancelar" />
           
        </form>
           
           <form class="frm2" action="<?=
base_url()?>index.php/welcome/edi_pro" method="post" enctype="multipart/form-data">
            <div style="width:100%; height:15%; background-color:#109ba7; position: absolute; left: 0%; top:0%;">
          <div style="color:#ffffff; position: relative; left: 2%; top: 20%; font-weight: bold;">editar producto</div>
          <a href="#" class="cerrarmensajes" style=" "> <div style=" position:absolute; top: 1%; left: 85%;  border-radius: 5px; height: 6%; width: 10%; "> <div style="color:#ffffff; position:relative;  font-weight: bold;top: 10%; left: 20%;"> cerrar</div> </div></a>
      </div>
         
            nombre:<input class="nombre" name="textos" style="margin-left:7.3%;" type="text"/><br>
            descripcion:<textarea class="descripcion" name="texto" style="margin-left:3%;font-family: 'Arial';"></textarea><br>
            precio:<input name="precio" class="precio" style="margin-left:9%;" type="text"/><br>
            <input name="rut" style="display:none;" value="<?=${"rut_empresa".$i}?>"/>
            <input name="id" class="idEditar" style="display:none;" value=""/>
            <input name="imagenantigua" class="imgantigua" style="display:none;" value=""/>
            <input type="submit" value="aceptar" class="actua" /><input type="button" class="cancelar" value="cancelar" />
           
        </form>
            <form class="frm3" action="<?=
base_url()?>index.php/welcome/edi_pro_foto" method="post" enctype="multipart/form-data">
<div style="width:100%; height:15%; background-color:#109ba7; position: absolute; left: 0%; top:0%;">
          <div style="color:#ffffff; position: relative; left: 2%; top: 20%; font-weight: bold;">cambio de imagen</div>
          <a href="#" class="cerrarmensajes" style=" "> <div style=" position:absolute; top: 1%; left: 85%;  border-radius: 5px; height: 6%; width: 10%; "> <div style="color:#ffffff; position:relative;  font-weight: bold;top: 10%; left: 20%;"> cerrar</div> </div></a>
      </div>
            <label>elige imagen para reemplazar:</label>
            <br>
            <input type="file"  name="imagen" />
            <br>
           
            <input name="rut" style="display:none;" value="<?=${"rut_empresa".$i}?>"/>
            <input name="id" class="idEditar" style="display:none;" value=""/>
            <input name="imagenantigua" class="imgantigua" style="display:none;" value=""/>
            <input type="submit" value="aceptar"  /><input type="button" class="cancelar" value="cancelar" />
           
        </form>

        </div>
   </div>
   <div class="mensajes" style="position:absolute; display:none; height: 70%; width: 60%; background-color: #ffffff; z-index: 3000; top: 10%; left: 20%;">
      
       <div style="display:none;" class="contenedormensajes">
           
       </div>
   </div>
   
   <div class="cambio_configuracion" style=" border:solid 2px #888;position:absolute; display:none; height: 70%; width: 60%; background-color: #ffffff; z-index: 3000; top: 10%; left: 20%;">
      <div style="width:100%; height:10%; background-color:#109ba7; position: absolute; left: 0%; top:0%;">
          <div style="color:#ffffff; position: relative; left: 2%; top: 20%; font-weight: bold;">configuracion de cuenta</div>
          <a href="#" class="cerrarconfiguracion"> <div style=" position:absolute; top: 1%; left: 85%;  border-radius: 5px; height: 6%; width: 10%; "> <div style="color:#ffffff; position:relative;  font-weight: bold;top: 10%; left: 20%;"> cerrar</div> </div></a>
      </div>
       <div style="position:absolute;top:14%; font-weight: bold; margin-left: 1%; font-family: 'Arial'; font-size: 12px;">cambiar contraseña</div>
       <form style=" position:absolute;top:20%;left: 4%; font-family: 'Arial'; font-size: 11px; " action="" method="post">
            contraseña antigua:<input class="contAntigua" name="contAntigua" style="margin-left:0%;" type="text"/><br>
            contraseña nueva:<input class="contNueva" name="contNueva" style="margin-left:1.8%;" type="text"/><br>
            repita contraseña:<input name="contRepetir" class="contRepetir" style="margin-left:3%;" type="text"/><br>
             <input type="submit" class="cambiarCont" value="cambiar"/><input type="button" value="cancelar"/>
       </form>
       <script>
      
   </script>
        <div style="position: absolute;top:14%; font-weight: bold; left:45%; font-family: 'Arial'; font-size: 12px;">cambia tu link</div>
      
        <form style=" position:absolute;top:20%;left: 50%; font-family: 'Arial'; font-size: 11px; " action="" method="post">
            
            link:www.buscaencurico.cl/empresas/<input class="link_cambio" name="textos" style="margin-left:0%;" type="text"/><br>
            <input type="submit" value="cambiar" class="cambiar_link" /><input type="button" value="cancelar"/>
       </form>
       
       
   </div>
   
      <div class="bolsa_de_trabajo" style=" border:solid 2px #888;position:absolute; display:none; height: 70%; width: 60%; background-color: #ffffff; z-index: 3000; top: 10%; left: 20%;">
      <div style="width:100%; height:10%; background-color:#109ba7; position: absolute; left: 0%; top:0%;">
          <div style="color:#ffffff; position: relative; left: 2%; top: 20%; font-weight: bold;">bolsa de trabajo</div>
          <a href="#" class="cerrar_bolsa_de_trabajo"> <div style=" position:absolute; top: 1%; left: 85%;  border-radius: 5px; height: 6%; width: 10%; "> <div style="color:#ffffff; position:relative;  font-weight: bold;top: 10%; left: 20%;"> cerrar</div> </div></a>
      </div>
       <div style="position:absolute;top:14%; font-weight: bold; margin-left: 1%; font-family: 'Arial'; font-size: 12px;">
           ingresa aqui tus ofertas
       </div>
       <form style=" position:absolute;top:20%;left: 4%; font-family: 'Arial'; font-size: 11px; width: 100%; " action="" method="post">
            cargo:<input class="nombreCargo"  style="margin-left:5.3%; width:60%;" type="text"/><br>
            <div  style="float:left;">descripcion:</div><textarea class="descripcionCargo" style=" resize:none; margin-left:1.8%;float: left;  " type="text"></textarea>
            <div  style="float:left;">requisitos:</div><textarea class="requisitosCargo"  style="resize:none;margin-left:3%;" type="text"></textarea><br>
             remuneracion:<input class="remuneracionCargo"  style="margin-left:0.6%;" type="text"/><br>
             cupos:<input class="cuposCargo"  style="margin-left:5%;" type="text"/><br>
             email:<input class="emailCargo"  style="margin-left:5.8%;" type="text"/><br>
             <input type="submit" class="publicarCargo" value="publicar"/><input type="button" class="cancelarCargo" value="cancelar"/>
       </form>
          
          <div class="publicado_trabajos" style="font-family: 'Arial'; position: relative;overflow: auto; border: solid 1px #1b1f1f; top: 50%; height:45%; left:1%;  width: 97%;">
              <!--<div style=" overflow: auto;font-size:11px; font-family: 'Arial';position:relative; height: 40%; width: 98%; border:solid 1px #109ba7; top :1%; left: 1%;">-->
<!--                  <div style="border:solid 1px #109ba7; height: 20%; width: 90%; "><div style="float: left; ">cargo:</div><div style="font-size:10px;margin-top: 0.3%;">caargo</div> </div>
                  <div style="border:solid 1px #109ba7; min-height: 20%; width: 90%; "><div style="float: left;">descripcion:</div><div style="font-size:10px;margin-top: 0.3%;">caargo</div> </div>
                  <div style="border:solid 1px #109ba7; min-height: 20%; width: 90%; "><div style="float: left;">requisitos:</div><div style="font-size:10px;margin-top: 0.3%;">caargo</div> </div>
                  <div style="border:solid 1px #109ba7; height: 20%; width: 90%; "><div style="float: left;">remuneracion:</div><div style="font-size:10px;margin-top: 0.3%;">caargo</div> </div>
                  <div style="border:solid 1px #109ba7; height: 20%; width: 90%; "><div style="float: left;">cupos:</div><div style="font-size:10px;margin-top: 0.3%;">caargo</div> </div>
                  <div style="border:solid 1px #109ba7; height: 20%; width: 90%; "><div style="float: left;">email:</div><div style="font-size:10px;margin-top: 0.3%;">caargo</div> </div>
                  -->
                   <?php  
           $trabajo=  mysql_query("SELECT * FROM bolsa_trabajos  WHERE rut_empresa='".${"rut_empresa".$i}."'");
           while ($avii = mysql_fetch_array($trabajo)){
               $rut=$avii['rut_empresa'];
               $id=$avii['id'];
               $cargo=$avii['cargo'];
               $descripcion=$avii['descripcion'];
               $requisitos=$avii['requisitos'];
               $email=$avii['email'];
               $remuneracion=$avii['remuneracion'];
               $cupos=$avii['cupos'];
           echo ' <div style=" overflow: auto;font-size:11px; position:relative; height: 40%; width: 98%;  top :1%; left: 1%;">
               <div style=" min-height: 12%; width: 90%; "><div style="float: left; font-weight: bold;color:#109ba7;">cargo:</div><div style="font-size:12px;margin-top: 0.3%;">'.$cargo.'</div> </div>
                  <div style=" min-height: 12%; width: 90%; "><div style="float: left;font-weight: bold;color:#109ba7;">descripcion:</div><div style="font-size:12px;margin-top: 0.3%;">'.$descripcion.'</div> </div>
                  <div style=" min-height: 12%; width: 90%; "><div style="float: left;font-weight: bold;color:#109ba7;">requisitos:</div><div style="font-size:12px;margin-top: 0.3%;">'.$requisitos.'</div> </div>
                  <div style=" min-height:12%; width: 90%; "><div style="float: left;font-weight: bold;color:#109ba7;">remuneracion:</div><div style="font-size:12px;margin-top: 0.3%;">'.$remuneracion.'</div> </div>
                  <div style=" min-height: 12%; width: 90%; "><div style="float: left;font-weight: bold;color:#109ba7;">cupos:</div><div style="font-size:12px;margin-top: 0.3%;">'.$cupos.'</div> </div>
                  <div style=" min-height: 12%; width: 90%; "><div style="float: left;font-weight: bold;color:#109ba7;">email:</div><div style="font-size:12px;margin-top: 0.3%;">'.$email.'</div> </div>
</div>                      
';
           }
           ?>
                  
                  
                  
              <!--</div>-->
          </div>
      </div>
   
   
<div class="perfiles" style="top:0px;height:140%; width: 100%;background-color: #ffffff;"  >
    
    <div style="width:100%; height: 8%; position:absolute; ">
        <a class="mensajes_empresas" href="http://localhost/BuscaCurico/index.php/empresas/mostrarmensajes/<?=${"rut_empresa".$i}?>"><img src="<?=base_url()?>imagenes/ADONIA_1_12.png" style="height:90%; width: 4%;" /></a> 
        
        <a class="configuracion_empresas" href="http://localhost/BuscaCurico/index.php/empresas/mostrarmensajes/<?=${"rut_empresa".$i}?>"><img src="<?=base_url()?>imagenes/ADONIA_1_12.png" style="height:90%; width: 4%;" /></a> 
             
        <a class="bolsa_trabajo" href="http://localhost/BuscaCurico/index.php/empresas/mostrarmensajes/<?=${"rut_empresa".$i}?>"><img src="<?=base_url()?>imagenes/ADONIA_1_12.png" style="height:90%; width: 4%;" /></a> 
        
    </div> 
        
        
<div class="input" size="15" style=" display: none; position: absolute; z-index: 100;" >
   <img style="height:20%; width: 70%;" src="<?=base_url()?>imagenes/editarinfo.png" />
   <textarea class="inputtexto"  style=" color: #ffffff; font-family: 'Arial';position:absolute; right:35%; top: 15%; width: 55%; height: 65%; background-color:#1b1f1f; border: #1b1f1f;"></textarea>

   <a href="#" class="actualizar"><div class="ac"  style="height:20%; width: 30%; left: 7.5%; top: 80%; position: absolute;  background-color: #109ba7;">
       <div style="font-family: 'Arial';color:#ffffff; position: relative; left: 30%; top: 28%; font-size: 10px; font-weight: bold;">actualizar</div>
   </div></a>
   <a href="#" id="cancelar" class="cancelar"><div class="cancelar" style="height:20%; width: 30%; left: 37%; top: 80%; position: absolute;  background-color: #109ba7;">
       <div style="font-family: 'Arial';color:#ffffff; position: relative; left: 30%; top: 28%; font-size: 10px; font-weight: bold;">cancelar</div>
   </div></a>

</div>
    <div class="input2" size="15" style=" display: none; position: absolute; z-index: 100;" >
   <img style="height:20%; width: 120%;" src="<?=base_url()?>imagenes/editarinfo2.png" />
   <textarea class="inputtexto2"  style="left: 4%; color: #ffffff; font-family: 'Arial';position:absolute; right:35%; top: 15%; width: 85%; height: 65%; background-color:#1b1f1f; border: #1b1f1f;"></textarea>

   <a href="#" class="actualizar2" ><div class="ac" style="height:20%; width: 30%; left: 7.5%; top: 80%; position: absolute;  background-color: #109ba7;">
       <div style="font-family: 'Arial';color:#ffffff; position: relative; left: 30%; top: 28%; font-size: 10px; font-weight: bold;">actualizar</div>
   </div></a>
   <a href="#" id="cancelar" class="cancelar"><div class="cancelar" style="height:20%; width: 30%; left: 37%; top: 80%; position: absolute;  background-color: #109ba7;">
       <div style="font-family: 'Arial';color:#ffffff; position: relative; left: 30%; top: 28%; font-size: 10px; font-weight: bold;">cancelar</div>
   </div></a>

</div>
     
<div class="per_iz" style="">
           <div class="fto"  style="background-color: #ffffff;position: relative;height:250px; width: 200px; left:10%; margin-top: 0%; top :7%;box-shadow: 0px 0px 5px #888;" ><img class="fotoportada" style="position: relative; width: 200px; height:250px;" src='<?=base_url().${"img_corporativa".$i  }?>' /><a class="edit" id="por" href="#"><img  src="imagenes/Edit.png" style="position:absolute; left: 90%; bottom:90%;" height="30px" width="30px" /></a></div>

<div class="portada" style="position: relative;top:8%; left:10%; ">
  <!--  <button   id="addImagen">cambiar imagen</button>-->
    <img style="margin-left:13%;" height="4%" width="50%" id="addImagen" src="<?=base_url()?>imagenes/cambiarimg.png"/>
       <div  id="loaderAjax" class="loaderAjax">
          <img src="<?=base_url()?>imagenes/ajax-loader.gif"/>
            <spam>publicando</spam>
   </div>
</div>


<div id="nom_empresa" style=" font-size: 12px; font-weight: bold; position: relative; top:10%; left: 10%;  border-bottom: 1px solid #000 ; padding-top:5%; padding-left: 5%; width: 80%;height: 5%;border-radius: 2px;   ">
           <?=${"nom_empresa".$i  }?>
</div>
<div id="descripcion" style=" position: relative; top:12%; left: 10%; border-bottom: 0px solid #000;padding-top:5%; padding-left: 5%; padding-bottom: 5px; width: 80%;min-height: 5%;border-radius: 2px;/*-webkit-box-shadow: inset 0 0 10px #888;*/ ">
    <div style=" font-weight: bold; font-size: 10px;">descrpcion:</div>
    <div class="desc" ><?=${"descripcion".$i  }?>
    </div>
<!--    <a class="editDesc" href="#">
        <img src="<?=  base_url()?>imagenes/Edit.png" style="position:absolute; left: 90%; bottom:10%;" height="30px" width="30px" />
    
    </a>-->
    <a class="editDesc" href=""> <div class="editardes" style=" opacity: .7; font-family: 'Arial'; color: #ffffff;position: absolute; top:0%; left: 120%; height: 99%; width: 60%; background-color: #109ba7;">
        <div style="font-size:14px; padding-left: 25%; padding-top: 10%;">editar</div>
        </div></a>
</div>
                 <div id="horario" style=" position: relative; top:14%; left: 10%;  padding-top:5%; padding-left: 5%; width: 80%;height: 5%; /*-webkit-box-shadow: inset 0 0 10px #888;*/">
                     <div style=" font-weight: bold; font-size: 10px;">horario de atencion:</div>
                     <div class="hora"><?=${"horario".$i  }?></div>
<!--                     <a class="editHora" href="#"><img src="<?=base_url()?>imagenes/editar.png" style="position:absolute; left: 80%; bottom:10%;"  />
                     <div style="position: absolute; height: 10%; width: 30%; background-color: #D0D0D0;"></div>
                     
                 </a>-->
                     <a class="editHora" href=""> <div class="editarhor" style=" opacity: .7; font-family: 'Arial'; color: #ffffff;position: absolute; top:0%; left: 120%; height: 99%; width: 60%; background-color: #109ba7;">
        <div style="font-size:14px; padding-left: 25%; padding-top: 10%;">editar</div>
        </div></a>
                 </div>
                <div style=" font-weight: bold;font-size: 10px; position: relative; top:16%; left: 10%;  padding-top:5%; padding-left: 5%; width: 80%;height: 5%; /*-webkit-box-shadow: inset 0 0 10px #888;*/">formas de pago:</div>
                <div id="direccion"style=" font-weight: bold;font-size: 10px; position: relative; top:18%; left: 10%; padding-top:5%; padding-left: 5%; width: 80%;height: 5%; ">
                    <div style=" font-weight: bold; font-size: 10px;">direccion:</div>
                    <div class="direcc" ><?=${"direccion".$i  }?></div>
<!--                    <a class="editDirecc" href="#">
                        <img src="<?=  base_url()?>imagenes/Edit.png" style="position:absolute; left: 90%; bottom:10%;" height="30px" width="30px" />
                   <div style="position: absolute; height: 10%; width: 30%; background-color: #D0D0D0;"></div>
                    </a>-->
                    <a class="editDirecc" href=""> <div class="editardir" style=" opacity: .7; font-family: 'Arial'; color: #ffffff;position: absolute; top:0%; left: 120%; height: 99%; width: 60%; background-color: #109ba7;">
        <div style="font-size:14px; padding-left: 25%; padding-top: 10%;">editar</div>
        </div></a>
                </div>
                
</div>
<div class="per_de" >
                <div id="historia" class="textos" style="font-size: 10px; position: relative; top:8%;">
                 <div style=" font-weight: bold; font-size: 12px;"> reseña historica:</div>  
                <div class="histo"><?=${"historia".$i}?></div>
<!--                <a class="editHisto" href="#">
                    <img src="<?=
base_url()?>imagenes/Edit.png" style="position:absolute; left: 90%; bottom:10%;" height="30px" width="30px" />
                </a>-->
<a class="editHisto" href=""> <div class="editarhis" style=" opacity: .7; font-family: 'Arial'; color: #ffffff;position: absolute; top:0%; left: 120%; height: 99%; width: 60%; background-color: #109ba7;">
        <div style="font-size:14px; padding-left: 25%; padding-top:0%;">editar</div>
        </div></a>
                </div>
    <div style=" background-color:  #D0D0D0"></div>
                <div class="textos" style="top:14%; font-size: 12px;font-weight: bold;">productos</div>
 <div style=" width: auto; min-height:20%; position: relative; top:16%; overflow: auto;">
                    
                    <?php
 $sq2 = mysql_query("SELECT * FROM productos WHERE productos.rut_empresa='".${"rut_empresa".$i}."'");

while ($mostrar = mysql_fetch_array($sq2)){
    $id=$mostrar['id_producto'];
    $non=$mostrar['nombre'];
    $imagen = $mostrar['imagen'];
    $min_imagen=$mostrar['miniaturas'];
    $rut_e = $mostrar['rut_empresa'];
    $precio=$mostrar['precio'];
     $descripcion=$mostrar['descripcion'];
    echo '
        
<div class="productosimg"  id='.$id.' style="border:solid 2px #000000;overflow:hidden; position: relative; left:0%; float: left;margin-top: 1px; margin-left: 1px; top: 20%; height:160px; width: 100px; background-color: #D0D0D0; border: solid 1px #1384ae; " >
           
      <div class="ediciones"> 
             <div class="edicion"  style="position:absolute;top:0%;background-color:rgba(0,0,0,.5);width:100%; height:15%;">
             
                         <div  class="editafoto" id='.$id.' name='.$imagen.'>
                             <div id="linkc" style="position:relative;float:left;width:49%; height:95%; font-size:9px;color:#ffffff;  ">
                                <div class="cambio" id='.$id.'>editar foto</div>
                                  
                             </div>
                             
                                   
                         </div>
                                   <div class="ima" style="display:none;">'.$imagen.'</div>  
                                   <div class="d" style="display:none;">'.$id.'</div>  
                             
                             <div  class="editaf" id='.$id.' name='.$imagen.'>
                             <div id="linkc" style="position:relative;float:left;width:49%; height:95%; font-size:9px;color:#ffffff;  ">
                                <div class="cambio" id='.$id.'>editar info</div>
                                  
                             </div>
                             
                                   
                         </div>
                                   <div class="a" style="display:none;">'.$non.'</div>
                                   <div class="b" style="display:none;">'.$descripcion.'</div>
                                   <div  class="c" style="display:none;">'.$precio.'</div>
                                       <div class="ima" style="display:none;">'.$imagen.'</div>  
                                   <div class="d" style="display:none;">'.$id.'</div>  
                      
                       <div  class="linkeliminar" id='.$id.' name='.$imagen.' style="">
                           
                          <div id="linkc" style="position:relative;float:left;width:98%; height:95%; font-size:9px;color:#ffffff;border:solid 1px #000000;background-color:rgba(0,0,0,.5); ">
                              <div class="cambio" id='.$id.'><center>eliminar</center></div>
                      </div>
                  </div>
                  <div style="display:none;">'.$imagen.'</div>
        
      </div>
           </div>


                    <a class="imgas" href="#">
                    <img class="imgas1" src="'.base_url().$min_imagen.'" style="height:130px; width: 100px;" />
                        </a>
                        <div class="'.base_url().$imagen.'"></div>
                        <div id="carac" class="texto">
                           <div class="nom">'.$non.'</div>    
                           <div class="pre">$'.$precio.'</div>   
                           <div class="des" style="display:none;">'.$descripcion.'</div>  
                         
                        </div>



</div>';
    
}
 ?>

                
              
               
           
     <a class="imgs" href="#" style=""  >
         <div class="agregarimagen" id="<?=${"rut_empresa".$i}?>">
             <img class="imgs2" id ="agregarimg" src="<?=base_url()?>imagenes/agregarImg.jpg" style="height:130px; width: 100px;" />
</div>    </a>

 
 
              
         
     <div class="frmeditar"></div>
    </div>
     
    <div class="textos" style="font-size:12px; position: relative; top: 20%;font-weight: bold;font-size: 10px;">enviame un comentario o sugerencia <br>
      <form style="position: relative; font-family: 'Arial';">
          nombre:<input class="nombreM" style="margin-left:10%;" type="text"/><br>
          asunto:<input class="asuntoM"style="margin-left:10.5%;" type="text"/><br>
                    mensaje:<textarea class="mensajeM"style="margin-left:9.2%; font-family: 'Arial';" type="text"></textarea><br>
                    <input type="button" class="enviarcomentario" value="enviarss" />
      </form>         
  
</div>
</div>
    <div class="perfil_derecho" style="">
        <div style="font-size:12px; font-weight: bold;"> tus avisos</div>
        <form class="formularioA" action="<?=
base_url()?>index.php/welcome/avisos" method="" name="<?=${"rut_empresa".$i}?>" >
            <textarea rows="5" class="inputaviso" style=" font-family:'arial'; color:  #D0D0D0; width: 95%; margin-left:1%;">escribe aqui tus ofertas o avisos!!!</textarea><br>
<!--            <input type="submit" value="publicar"/>-->
            
        </form>
        <button class="dos">enviar</button>
        <div style=" width: 95%; height: 60%; background-color:  #D0D0D0; margin-left: 2%; overflow: auto;" class="contAvisos">
<!--            <div class="avisos" style=" width: 98%; height: 30%; margin-left:1%; margin-top:2%; background-color:  #888;">
                
            </div>-->
           <?php 
           $avisos=  mysql_query("SELECT * FROM avisos  WHERE rut_empresa='".${"rut_empresa".$i}."' ORDER BY id DESC");
           while ($avi = mysql_fetch_array($avisos)){
               $rut=$avi['rut_empresa'];
               $id=$avi['id'];
               $aviso=$avi['aviso'];
               $fecha=$avi['fecha'];
           echo "<div class='avisos' id='".$id."'  style='display:block;font-size:11px; width: 98%; max-height: 35%; margin-left:1%; margin-top:2%; background-color:  #ffffff;padding-top:2%;padding-bottom:6%;'><a href='".${'rut_empresa'.$i  }."'>".${'nom_empresa'.$i  }."</a>:".$aviso."<br><div style='font-size:10px; margin-left:70%;color:#d8d4d4'>".$fecha."</div><br><a href='#' class='eliminaraviso' id='".$id."'>eliminar</a></div>";
           }
           ?>
        </div>
        
    </div>
    
</div>
 <?php  endfor; ?>